<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="UTF-8"%>
<%@include file="/lib/common/basedir.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
<%@include file="/lib/common/headerResource.html"%>
<!--sidebar-->
<title>membership renewal</title>

<style>
</style>
</head>
<body>
	<div class="container-fluid">
		<div class="row">
			<!--右面板-->
			<div
				class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 rightPanel">
				<div class="col-md-10">

					<div class="row">
					<span class="operation inputBankCard" data-toggle="modal"
							data-target="#exampleModal" style="cursor:pointer"><a href="#">更换卡</a></span>
						
						<div class="modal fade" id="exampleModal" tabindex="-1"
							role="dialog" aria-labelledby="exampleModalLabel">
							<div class="modal-dialog modal-sm" role="document">
								<div class="modal-content">
									<div class="modal-body">
										<form>
											<div class="form-group">
												<button type="button" class="close" data-dismiss="modal"
													aria-label="Close">
													<span aria-hidden="true">&times;</span>
												</button>
												<h4 class="modal-title" id="exampleModalLabel"
													style="margin-bottom: 1em;">请输入银行卡号：</h4>
												<input type="text" class="form-control" id="recipient-name">
												<div class="modal-footer">
													<button type="button" class="btn btn-default"
														data-dismiss="modal">Close</button>
													<button type="button" class="btn btn-primary">save</button>
												</div>
											</div>
										</form>
									</div>

								</div>
							</div>
						</div>
					</div>


				</div>
			</div>
		</div>
	</div>

	<!-- jquery and bootstrap js -->
	<%@include file="/lib/common/footerResource.html"%>
	<script>
	$(".inputBankCard").click(function(){
			//alert("hello");
		  //$(".btnInputBankCard").click();
		});
	</script>

</body>
</html>